<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../dist/css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="../layui/css/layui.css" />
<link type="text/css" rel="stylesheet" href="../css/index.css" />
<title>首页</title>
</head>
<body>
<header class="index_head">
	<img src="../img/banner.png" />
</header>
<div class="main">
	<ul class="layui-nav">
	  <li class="layui-nav-item layui-this"><a href="">首页</a></li>
	  <li class="layui-nav-item"><a href="">杂志预告</a></li>
	  <li class="layui-nav-item"><a href="">投稿须知</a></li>
	  <li class="layui-nav-item"><a href="">期刊订阅</a></li>
	  <li class="layui-nav-item"><a href="">在线投稿</a></li>
	  <li class="layui-nav-item"><a href="">联系我们</a></li>
	</ul>
	<div>
		<div class="main_left">
			<div class="Online_submission">
				<p class="Online_submission_title">在线投稿</p>
				<a id="Online_submission_this" href="#">投稿须知</a>
				<a href="#">网上投稿</a>
				<a href="#">网上审核</a>
				<a href="#">稿件查询</a>
			</div>
			<div class="Notice_box">
				<p class="Notice">通知公告</p>
				<ul class="Notice_navigation">
					<li><a href="#">2016年春节放假通知</a></li>
					<li><a href="#">2016年春节放假通知</a></li>
					<li><a href="#">2016年春节放假通知</a></li>
					<li><a href="#">2016年春节放假通知</a></li>
					<li><a href="#">2016年春节放假通知</a></li>
					<li><a href="#">2016年春节放假通知</a></li>
					<li><a href="#">2016年春节放假通知</a></li>
				</ul>
			</div>
			<div class="Notice_box">
				<p class="Trophy">本刊荣誉<a href="#">更多</a></p>
				<a class="Trophy_img">
					<img src="../img/book1.png" />
				</a>
				<a class="Trophy_img">
					<img src="../img/book1.png" />
				</a>
			</div>
			<div class="Links_box">
				<p class="Links_img">友情链接</p>
				<ul class="Links">
					<li><a href="http://www.baidu.com">百度</a></li>
					<li><a href="#">2016年春节放假通知</a></li>
					<li><a href="#">2016年春节放假通知</a></li>
					<li><a href="#">2016年春节放假通知</a></li>
					<li><a href="#">2016年春节放假通知</a></li>
					<li><a href="#">2016年春节放假通知</a></li>
					<li><a href="#">2016年春节放假通知</a></li>
				</ul>
			</div>
		</div>
		<div class="main_center">
			<div id="myCarousel" class="carousel slide" data-ride="carousel">
				<ol class="carousel-indicators">
					<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
					<li data-target="#myCarousel" data-slide-to="1"></li>
					<li data-target="#myCarousel" data-slide-to="2"></li>
				</ol>   				
				<div class="carousel-inner" role="listbox">
					<div class="item active">
						<a href="#"><img src="../img/Carousel.jpg" alt="First slide"></a>
					</div>
					<div class="item">
						<img src="../img/Carousel.jpg" alt="Second slide">
					</div>
					<div class="item">
						<img src="../img/Carousel.jpg" alt="Third slide">
					</div>
				</div>
				<a class="carousel-control left" href="#myCarousel" 
				   data-slide="prev">&lsaquo;</a>
				<a class="carousel-control right" href="#myCarousel" 
				   data-slide="next">&rsaquo;</a>
			</div>
			<div>
				<div class="Online_submission Section">
					<p class="Online_submission_title">杂志介绍</p>
					<div class="Online_submission_text">
						<p>啊实打实的顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶大大大啊实打实的顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶大大大啊实打实的顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶大大大啊实打实的顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶大大大啊实打实的顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶大大大啊实打实的顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶大大大</p>
					</div>
				</div>
				<div class="Online_submission Section left10">
					<p class="Online_submission_title">投稿须知</p>
					<div class="Online_submission_text">
						<p>啊实打实的顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶大大大啊实打实的顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶大大大啊实打实的顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶大大大啊实打实的顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶大大大啊实打实的顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶大大大啊实打实的顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶大大大</p>
					</div>
				</div>
			</div>
			<div class="clear"></div>
			<div class="Manuscript_list">
				<div class="Past">
					<p>往期发表</p>
					<form>
						<select class="date">
							<option>2016</option>
							<option>2015</option>
							<option>2014</option>
							<option>2013</option>
						</select>
						<select id="date1" class="date">
							<option>1期</option>
							<option>2期</option>
							<option>3期</option>
							<option>4期</option>
						</select>
					</form>
					<button class="button">确定</button>
				</div>
				<table class="article_table clear">
					<thead></thead>
					<tbody>
						<tr class='tr1'>
							<td class="article_table_titles">发表时间</td>
							<td class="article_table_titles">文章标题</td>
							<td class="article_table_titles">第一作者</td>
							<td class="article_table_titles">第二作者</td>
						</tr>
						<tr>
							<td class="article_table_titles">发表时间</td>
							<td class="article_table_titles">文章标题</td>
							<td class="article_table_titles">第一作者</td>
							<td class="article_table_titles">第二作者</td>
						</tr>
						<tr>
							<td class="article_table_titles">发表时间</td>
							<td class="article_table_titles">文章标题</td>
							<td class="article_table_titles">第一作者</td>
							<td class="article_table_titles">第二作者</td>
						</tr>
						<tr>
							<td class="article_table_titles">发表时间</td>
							<td class="article_table_titles">文章标题</td>
							<td class="article_table_titles">第一作者</td>
							<td class="article_table_titles">第二作者</td>
						</tr>
						<tr>
							<td class="article_table_titles">发表时间</td>
							<td class="article_table_titles">文章标题</td>
							<td class="article_table_titles">第一作者</td>
							<td class="article_table_titles">第二作者</td>
						</tr>
						<tr>
							<td class="article_table_titles">发表时间</td>
							<td class="article_table_titles">文章标题</td>
							<td class="article_table_titles">第一作者</td>
							<td class="article_table_titles">第二作者</td>
						</tr>
						<tr>
							<td class="article_table_titles">发表时间</td>
							<td class="article_table_titles">文章标题</td>
							<td class="article_table_titles">第一作者</td>
							<td class="article_table_titles">第二作者</td>
						</tr>
						<tr>
							<td class="article_table_titles">发表时间</td>
							<td class="article_table_titles">文章标题</td>
							<td class="article_table_titles">第一作者</td>
							<td class="article_table_titles">第二作者</td>
						</tr>
						<tr>
							<td class="article_table_titles">发表时间</td>
							<td class="article_table_titles">文章标题</td>
							<td class="article_table_titles">第一作者</td>
							<td class="article_table_titles">第二作者</td>
						</tr>
						<tr>
							<td class="article_table_titles">发表时间</td>
							<td class="article_table_titles">文章标题</td>
							<td class="article_table_titles">第一作者</td>
							<td class="article_table_titles">第二作者</td>
						</tr>
						<tr>
							<td class="article_table_titles">发表时间</td>
							<td class="article_table_titles">文章标题</td>
							<td class="article_table_titles">第一作者</td>
							<td class="article_table_titles">第二作者</td>
						</tr>
						<tr>
							<td class="article_table_titles">发表时间</td>
							<td class="article_table_titles">文章标题</td>
							<td class="article_table_titles">第一作者</td>
							<td class="article_table_titles">第二作者</td>
						</tr>
						<tr>
							<td class="article_table_titles">发表时间</td>
							<td class="article_table_titles">文章标题</td>
							<td class="article_table_titles">第一作者</td>
							<td class="article_table_titles">第二作者</td>
						</tr>
						<tr>
							<td class="article_table_titles">发表时间</td>
							<td class="article_table_titles">文章标题</td>
							<td class="article_table_titles">第一作者</td>
							<td class="article_table_titles">第二作者</td>
						</tr>
						<tr>
							<td class="article_table_titles">发表时间</td>
							<td class="article_table_titles">文章标题</td>
							<td class="article_table_titles">第一作者</td>
							<td class="article_table_titles">第二作者</td>
						</tr>
					</tbody>
				</table>
				<ul id="page" class="pagination pagination-sm">
					<li><a href="#">&laquo;</a></li>
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li><a href="#">&raquo;</a></li>
				</ul>
			</div>
		</div>
		<div class="main_right">
			<div id="on" class="Notice_box">
				<p class="about_us">关于本刊
					<a href="#">更多</a>
				</p>
				<div class="on_text">
					<img src="../img/book1.png" />
				</div>				
			</div>
		</div>
		<div class="clear"></div>
		<div class="Feet">
			<div class="Email">
				<h2>邮箱</h2>
				<p>708912720@qq.com</p>
			</div>
			<div class="Email phone">
				<h2>电话</h2>
				<p>023-6702-6305</p>
			</div>
			<div class="Email Address">
				<h2>地址</h2>
				<p>重庆市渝北区金童路68号新科国际广场3栋03-05</p>
			</div>
		</div>
	</div>
	<footer>
		<p>© 2016 Train. Design by Mymaneisdie直销之窗编辑部版权所有</p>
	</footer>
</div>
</body>
<script type="text/javascript" src="../layui/layui.js"></script>
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</html>
